<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="../favicon.ico" />
    <link rel="stylesheet" href="./css/index.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>手风琴（CSS版）</title>
  </head>
  <body>
    <div class="container">
      <div class="item spring" style="background-image: url('./image/spring.jpg')">
        <h2>春</h2>
        <div class="desc">
          <h2>春天</h2>
          <p>万物复数</p>
        </div>
      </div>
      <div class="item summer" style="background-image: url('./image/summer.jpg')">
        <h2>夏</h2>
        <div class="desc">
          <h2>夏天</h2>
          <p>艳阳高照</p>
        </div>
      </div>
      <div class="item autumn" style="background-image: url('./image/autumn.jpg')">
        <h2>秋</h2>
        <div class="desc">
          <h2>秋天</h2>
          <p>金风送爽</p>
        </div>
      </div>
      <div class="item winter" style="background-image: url('./image/winter.jpg')">
        <h2>冬</h2>
        <div class="desc">
          <h2>冬天</h2>
          <p>白雪皑皑</p>
        </div>
      </div>
    </div>
  </body>
</html>
